import React from 'react'
import TheCharts from '../TheCharts/TheCharts'
import jsonTheCharts from '../../axios/TheCharts.json'

export default function RankingList() {
    const r1anking = jsonTheCharts
    return (
        <div className='RankingList' >
            {r1anking.dataList.map((item) =>
                <div style={{ float: "left" }}>{item.title}
                    <div class="container">
                        <div class="row">
                            <div class="col-sm">
                                <TheCharts itemList={item}></TheCharts>
                            </div>
                        </div>
                    </div>
                </div>
            )}
        </div>
    )
}